<template>
	<ThemeView>
		<nut-navbar title="Title" :safe-area-inset-top="true"/>
		<text class="test">{{ t('hello') }}</text>
		<nut-icon name="JD"></nut-icon>
		<nut-button type="primary" size="large" @click="handleClick">切换暗黑主题</nut-button>
		<nut-checkbox v-model="checkbox1" label="复选框">复选框</nut-checkbox>
	</ThemeView>
</template>
<script setup lang="ts">
import { useAppStore } from "@/store";
import { useTranslate, useChangeLnag } from "@/hooks";
const t = useTranslate();
const changeLang = useChangeLnag();
const appStore = useAppStore();
const checkbox1 = ref(false);
function handleClick() {
	// appStore.changeTheme();
	appStore.changeThemeConfig("primary-color","#18d36c");
}
</script>
<style lang="scss">

.test {
	color: var(--nut-primary-color);
}
</style>